<template>
  <div>
    provide page <br>
    current status: {{status}} <br>
    <el-button type="primary" @click="changeHandle">change Status</el-button>
    <inject-com></inject-com>
  </div>
</template>

<script>
import InjectCom from './inject-comp.vue'
export default {
  data(){
    return{
      status:true
    }
  },
  provide(){
    return{
      myProvide: this
    }
  },
  methods:{
    changeHandle(){
      this.status = !this.status
    }
  },
  components:{
    InjectCom
  }
}
</script>

<style>

</style>